<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <title>homePage</title>
    <script type="text/javascript" th:inline="JavaScript">
    </script>

</head>

<body>
    <!-- 组织管理 -->
    <div th:fragment="fireStation" class="configuration">
        <!-- 微型消防站管理 -->
        <div class="cd-popup3  miniFireStation-pop authorizeFireStationManagement" id="miniFireStationModal">
            <div class="cd-popup-container3 manageModal">
                <div class="modal-top"></div>
                <div class="modal-title">微型消防站管理</div>
                <div class="tableModal">
                    <div class="fl searchDevBox">
                        <span class="btnStyle refreshStyle">刷新</span>
                    </div>
                    <div class="tableBox">
                        <table class="table table-bordered" style="margin: -1px; width: 1041px;">
                            <thead>
                                <tr>
                                    <th>
                                        <input type="checkbox" id="miniFireStationSelectAll">
                                    </th>
                                    <th>序号</th>
                                    <th>名称</th>
                                    <th>辖区</th>
                                    <th>挂靠数</th>
                                    <th class="authorizeModifiable">操作</th>
                                </tr>
                            </thead>
                            <tbody class="tbodyList">
                                <!-- <tr>
                            <th>编号</th>
                            <th>名称</th>
                            <th>辖区</th>
                            <th>负责设备数</th>
                            <td>
                                <span class="configBtnStyle modifyBtn margin0">修改</span>
                            </td>
                        </tr> -->
                            </tbody>
                        </table>
                    </div>
                </div>
                <a href="javascript:;" class="cd-popup-close closeModal"></a>
                <!-- 添加按钮-->
                <div class="addBtn addFireStation-trigger authorizeModifiable">添加</div>
                <!-- 分页 -->
                <div class="dailyPageBox pageBox" id="miniFireStationPageBox">
                    <ul class="pagination" id="miniFireStationPage"></ul>
                    <div class="pageJump">
                        <span>跳转到</span>
                        <input type="text" />
                        <span>页</span>
                        <button type="button" class="button btn btn-default">跳转</button>
                    </div>
                </div>
                <!-- 导出、删除-->
                <div class="exportBox">
                    <span class="export">导出</span>
                    <span class="delete authorizeModifiable" id="miniFireStationDelBtn"></span>
                </div>
            </div>
        </div>
        <!-- 微型消防站添加-->
        <div th:replace="main/fireStation::addFireStation"></div>
        <div th:replace="main/fireStation::editFireStation"></div>
        <script src="/configurationManage/js/fireStation.js"></script>
    </div>

    <!-------------------------------------添加------------------------------>
    <!-- 微型消防站添加-->
    <div th:fragment="addFireStation">
        <div class="cd-popup3 addFireStation-pop addFireStationPopStyle addFireStation authorizeModifiable" id="addFireStationModal">
            <!-- style="display: block;visibility: visible" -->
            <div class="cd-popup-container3 addFireStationModal">
                <div class="modal-title">微型消防站添加</div>                
                <form id="addFireStationForm">
                    <div class="addFireStationLogo bac">
                        <img class="pic" src="">
                        <input accept="image/*" class="upload" name="file" style="display: none" type="file">
                        <span class="del">-</span>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>名称 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control notEmptyInput orgNameVal" name="orgName" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>所属街道 : </span>
                        </div>
                        <div class="col-xs-7">
                            <!--<input type="text" class="form-control" name="enable" autocomplete="off">-->
                            <select class="form-control my-form-control choiceStreet" name="parentid" style="width:100%;">

                            </select>
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>联系人 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control notEmptyInput" name="Personal" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>联系电话 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control notEmptyInput" name="telephone" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>经度 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control notEmptyInput" name="centrex" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>纬度 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control notEmptyInput" name="centrey" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;display:none;">
                        <div class="col-xs-5">
                            <span>微型消防站 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control fireStationVal" name="type" value="fireStation" autocomplete="off">
                        </div>
                    </div>


                    <button type="submit" class="btn btn-primary addFireStationBtn" style="background-color: #70abe1;border: none;">添加</button>
                </form>

                <!-- 关闭 -->
                <a href="javascript:;" class="cd-popup-close closeModal"></a>

            </div>
        </div>

    </div>
    <!-------------------------------------修改------------------------------>
    <!-- 微型消防站修改-->
    <div th:fragment="editFireStation">
        <div class="cd-popup3 editFireStation-pop addFireStationPopStyle editFireStation authorizeModifiable" id="addFireStationModal">
            <!-- style="display: block;visibility: visible" -->
            <div class="cd-popup-container3 editFireStationModal">
                <div class="modal-title">微型消防站编辑</div>             
                <form id="editFireStationForm" class="editFireStationForm">
                    <div class="editFireStationLogo">
                        <img class="pic" src="">
                        <input accept="image/*" class="upload" name="file" style="display: none" type="file">
                        <span class="del">-</span>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>名称 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control orgNameVal notEmptyInput" name="orgName" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>所属街道 : </span>
                        </div>
                        <div class="col-xs-7">
                            <select class="form-control my-form-control choiceStreet" name="parentid" style="width:100%;" disabled>
                            </select>
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>联系人 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control PersonalVal notEmptyInput" name="Personal" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>联系电话 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control telephoneVal notEmptyInput" name="telephone" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>经度 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control centrex notEmptyInput" name="centrex" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>纬度 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control centrey notEmptyInput" name="centrey" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;display:none;">
                        <div class="col-xs-5">
                            <span>微型消防站 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control fireStationVal" name="type" value="fireStation" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;display:none;">
                        <div class="col-xs-5">
                            <span>orgid : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control orgidVal" name="orgid" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;display:none;">
                        <div class="col-xs-5">
                            <span>id : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control idVal" name="id" autocomplete="off">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary editFireStationBtn" style="background-color: #70abe1;border: none;">保存</button>
                </form>

                <!-- 关闭 -->
                <a href="javascript:;" class="cd-popup-close closeModal"></a>

            </div>
        </div>
        <!-- 微型消防站查看详情 -->
        <div class="cd-popup3 detailFireStation detailFireStation-pop authorizeModifiable" id="detailFireStationModal">
            <div class="cd-popup-container3 detailFireStationModal">
                <div class="modal-title">微型消防站详情</div>
                <div class="detailFireStationLogo">                  
                </div>
                <form id="detailFireStationForm" class="detailFireStationForm">
                    <div class="rowAdd">        
                        <span>名称 :</span>
                        <input type="text" class="notEmptyInput disabledStyle" autocomplete="off" disabled>                      
                    </div>
                    <div class="rowAdd">        
                        <span>所属街道 :</span>
                        <select class="form-control my-form-control detailFireStationFormOrgList disabledStyle" name="parentid" disabled>
                        </select>                        
                    </div>
                    <div class="rowAdd">        
                        <span>联系人 :</span>
                        <input type="text" class="notEmptyInput disabledStyle" autocomplete="off" disabled>                      
                    </div>
                    <div class="rowAdd" style="height: 30px;">        
                        <span>联系电话 :</span>
                        <input type="text" class="notEmptyInput disabledStyle" autocomplete="off" disabled>                    
                    </div>
                    <div class="rowAdd">        
                        <span>经度 :</span>
                        <input type="text" class="notEmptyInput disabledStyle" autocomplete="off" disabled>                      
                    </div>
                    <div class="rowAdd" style="position: absolute;  right: -260px; top: 220px;">        
                        <span>纬度 :</span>
                        <input type="text" class="notEmptyInput disabledStyle" autocomplete="off" disabled>                      
                    </div>
                </form>
                <!-- 关闭 -->
                <a href="javascript:;" class="cd-popup-close closeModal"></a>
            </div>
        </div>
    </div>
</body>

</html>